<template>
    <view class="h100">
        <!-- #ifdef VUE2 -->
        <!-- <jp-signature-popup v-model="image" required /> -->
        <view>{{ image }}</view>
        <view class="but" @click="toPop1">签名</view>
        <jp-signature-popup ref="signature1" popup v-model="image2" />
        <image :src="image2" style="width: 200px;" mode="widthFix"></image>
        <!-- #endif -->
        {{ image2 }}
    </view>
</template>
<script>
export default {
    data() {
        return {
            image: '',
            image2: '',
            image3: '',
            image4: ''
        }
    },
    onLoad() {
    },  
    methods: {
        setImg(val) {
            if (val) {
                this.$refs.jpMerge.exportPost(val).then(res => {
                    this.image4 = res
                })
            }
        },
        toPop1() {
            this.$refs.signature1.toPop()
        },
        toPop2() {
            this.$refs.signature2.toPop()
        }
    }
}
</script>

<style lang="scss">
.but {
    margin: 25px;
    line-height: 40px;
    text-align: center;
    background-color: #55aaff;
    color: #fff;
}

.sssv {
    height: 1150px;
}
</style>
